<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>列表页</title>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/list.css"/>
	<!-- 引头部 -->
	<include file="__VIEW__/Common/right.html"/>
	<!--小搜索栏开始-->
	<div id="little-seach">
		<a href="" class="home">化妆品首页</a>
		<p>></p>
		<form action="" method="post">
			<input type="text" name="" class="little-seach-text" />
			<input type="submit" value="" class="little-seach-submit"/>
		</form>
	</div>
	<!--小搜索栏结束-->
	<!--筛选开始-->
	<div id="screen">
		<div class="title">
			在<span>{$cname}</span>中筛选
		</div>
		<if value="$brandData">
		<div class="brand">
			<div class="brand-box">
				<div class="left-title">品牌:</div>
				<ul class="brand-list">
					<li>
						<a href="{|U:'List/index',array('cid'=>$_GET['cid'],'param'=>implode('_',$param))}" <if value="!$hd.get.bid">class="hover"</if>>不限</a>
					</li>
					<foreach from="$brandData" key="$kk" value="$vv">
						<li><a href="{|U:'List/index',array('cid'=>$_GET['cid'],'bid'=>$vv['bid'],'param'=>implode('_',$param))}" <if value="$hd.get.bid==$vv.bid">class="hover"</if>>{$vv.bname}</a></li>
					</foreach>
				</ul>
				<!-- <a href="" class="check"></a>
				<a href="" class="more">
					展开
					<span></span>
				</a> -->
			</div>
		</div>
		</if>
		<foreach from="$tempAttrFinal" key="$k" value="$v">
			<?php 
				$temp = $param;
				$temp[$k] = 0;
			 ?>
			<div class="brand">
				<div class="brand-box">
					<div class="left-title">{$v.tname}:</div>
					<ul class="brand-list">
						<li>
							<a href="{|U:'List/index',array('cid'=>$_GET['cid'],'bid'=>$_GET['bid'],'param'=>implode('_',$temp))}" <if value="$param[$k] eq 0">class="hover"</if>>不限</a>
						</li>
						<foreach from="$v['tvalue']" key="$ka" value="$va">
							<?php 
								$temp[$k] = $va['gaid'];
							 ?>
							<li><a href="{|U:'List/index',array('cid'=>$_GET['cid'],'bid'=>$_GET['bid'],'param'=>implode('_',$temp))}" <if value="$param[$k] eq $va['gaid']">class="hover"</if>>{$va.gavalue}</a></li>
						</foreach>
					</ul>
					<!-- <a href="" class="check"></a>
					<a href="" class="more">
						展开
						<span></span>
					</a> -->
				</div>
			</div>
		</foreach>
		<script type="text/javascript">
		// $(function(){
		// 	$('.brand-list li a').click(function() {
		// 		$(this).addClass('hover').parent('li').siblings('li').find('a').removeClass('hover');
		// 	});
		// })
		</script>
	</div>
	<!--筛选结束-->
	<!--商品列表开始-->
	<div id="good-list">
		<div class="list-top">
			<ul class="left">
				<li class="sort">排序:</li>
				<li>
					<a href="">
						默认
						<span class="default"></span>
					</a>
				</li>
				<li>
					<a href="">
						价格
						<span class="money"></span>
					</a>
					
				</li>
				<li>
					<a href="">
						销量
						<span class="much"></span>
					</a>
					
				</li>
				<li>
					<a href="">
						人气
						<span class="pop"></span>
					</a>
				</li>
				<li>
					<a href="">
						上架时间
						<span class="default up"></span>
					</a>
				</li>
				<li style="width: 100px;">
					<a href="" style="width: 100px;">
						<span style="margin-left: 20px;">只看特卖</span>
						<span class="look"></span>
					</a>
				</li>
			</ul>
			<div class="page">
				<div class="shop">
					共<span>{$total}</span>个商品
					<span class="line"></span>
				</div>
				<div class="page-num">
					<span>1</span>/128页
				</div>
				<a href="" class="front">上一页</a>
				<a href="" class="front next">下一页</a>
			</div>
		</div>
		<div class="shop-box">
			<if value="$data">
			<ul class="shop-box-list">
				<foreach from="$data" key="$k" value="$v">
					<li class="good">
					<span class="good-logo"></span>
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}"><img src="__ROOT__/{$v['gpic']}" alt="" class="good-img" /></a>
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}" class="title-s">
						<strong>{$v.sale}折 / </strong>
						{$v.gname}
					</a>
					<p class="money">
						<span class="logo">¥</span>
						<span class="now_money">{$v.new_price}</span>
						<span class="old-money">¥{$v.old_price}</span>
					</p>
					<p class="time-people">
						<span class="buy">9757人已购买|</span>
						<span class="time">12</span>
						<span class="time-text"> 时 </span>
						<span class="time">08</span>
						<span class="time-text"> 分 </span>
						<span class="time">47</span>
						<span class="time-text"> 秒</span>
					</p>
					<a href="" class="join"></a>
					</li>
				</foreach>
			</ul>
			<else/>
			没有找到相关商品
			</if>
		</div>
		<div class="page-bottom">
			<ul class="page-list">
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>下一页</li>
			</ul>
		</div>
	</div>
	<!--商品列表结束-->
	<!--最终购买开始-->
	<div id="last-buy">
		<div class="top">
			搜索“保湿”的用户最终购买
		</div>
		<ul>
			<li class="good">
				<a href="" class="good-img"><img src="__PUBLIC__/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
			<li class="good">
				<a href="" class="good-img"><img src="__PUBLIC__/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
			<li class="good">
				<a href="" class="good-img"><img src="__PUBLIC__/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
			<li class="good">
				<a href="" class="good-img"><img src="__PUBLIC__/images/last-buy-img.jpg" alt="" /></a>
				<p class="good-title">
					<a href="">
						伊丽莎白雅顿保湿调理露200ml
					</a>
				</p>
				<p class="good-money">
					<span class="logo">¥</span>
					<span class="now_money">79.9</span>
					<span class="old-money">¥200</span>
				</p>
				<p class="good-comment">
					<span class="logo"></span>
					763篇评论
				</p>
			</li>
		</ul>
	</div>
	<!--最终购买结束-->
	<!--搜索全部-->
	<div id="seach-all">
		<p class="seach-title">搜索全部</p>
		<form action="" method="post" class="seach-form">
			<input type="text" name="" class="seach-text" value="" />
			<input type="submit" value="" class="seach-submit"/>
		</form>
		<p class="go"><a href="">去口碑中心搜索</a></p>
	</div>
	<!--搜索全部结束-->
	<!--最近查看商品开始-->
	<div id="look-good">
		<p class="look-title">您最近查看的商品RECENTLY VIEWD ITEMS</p>
		<ul class="look-list">
			<li class="left">
				<p class="title">查看记录</p>
				<p class="null">你最近没有浏览过聚美商品，
快去逛逛吧~</p>
			</li>
			<li class="right">
				<p class="title">
					根据查看记录推荐
					<span>第0页,共0页</span>
				</p>
				<p class="null">对不起，暂时没有数据！</p>
			</li>
		</ul>
	</div>
	<!--最近查看商品结束-->
		<!--网站底部白色区域开始-->
	<div id="bottom-white">
		<!--第一层最大美妆电商层-->
		<ul class="first">
			<li style="width:130px">
				<a href="" style="width:130px">
					<span class="logo1"></span>
					<p class="web-title">最大美妆电商</p>
					<p class="web-title-s">四千万用户信赖</p>
				</a>
			</li>
			<li style="width:170px">
				<a href="" style="width:170px">
					<span class="logo2"></span>
					<p class="web-title">成功在美上市</p>
					<p class="web-title-s">股票代码NYSE:JMEI</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="logo3"></span>
					<p class="web-title">品牌防伪码</p>
					<p class="web-title-s">支持品牌官网验真</p>
				</a>
			</li>
			<li style="width:168px">
				<a href="" style="width:168px">
					<span class="logo4"></span>
					<p class="web-title">30天无理由退货</p>
					<p class="web-title-s">只要不满意无理由退货</p>
				</a>
			</li>
			<li style="width:170px">
				<a href="" style="width:170px">
					<span class="logo5"></span>
					<p class="web-title">百万用户口碑</p>
					<p class="web-title-s">帮你只选对的,不选贵的</p>
				</a>
			</li>
			<li style="width:158px">
				<a href="" style="width:158px">
					<span class="logo6"></span>
					<p class="web-title">订单闪电发货</p>
					<p class="web-title-s">1.5小时订单急速出库</p>
				</a>
			</li>
			<li style="width:134px">
				<a href="" style="width:134px">
					<span class="logo6"></span>
					<p class="web-title">大牌明星热荐</p>
					<p class="web-title-s">打造精致明星脸</p>
				</a>
			</li>
		</ul>
		<!--第一层最大美妆电商层结束-->
		<!--第二层服务保证开始-->
		<div class="second">
			<ul class="second-list1">
				<li class="title">服务保障</li>
				<li><a href="">品牌真品防伪码</a></li>
				<li><a href="">100%正品保证</a></li>
				<li><a href="">30天无条件退货</a></li>
				<li><a href="">7×24小时客服服务</a></li>
				<li><a href="">总裁邮箱ceo@jumei.com</a></li>
			</ul>
			<ul>
				<li class="title">使用帮助</li>
				<li><a href="">新手指南</a></li>
				<li><a href="">常见问题</a></li>
				<li><a href="">帮助中心</a></li>
				<li><a href="">用户协议</a></li>
				<li><a href="">企业用户团购</a></li>
			</ul>
			<ul>
				<li class="title">支付方式</li>
				<li><a href="">货到付款</a></li>
				<li><a href="">在线支付</a></li>
				<li><a href="">余额支付</a></li>
				<li><a href="">现金券支付</a></li>
			</ul>
			<ul>
				<li class="title">配送方式</li>
				<li><a href="">包邮政策</a></li>
				<li><a href="">配送说明</a></li>
				<li><a href="">运费说明</a></li>
				<li><a href="">验货签收</a></li>
			</ul>
			<ul class="second-list2">
				<li class="title">售后服务</li>
				<li><a href="">正品承诺</a></li>
				<li><a href="">售后咨询</a></li>
				<li><a href="">退货政策</a></li>
				<li><a href="">退货办理</a></li>
			</ul>
			<div class="code">
				<p style="margin-right: 40px;">
					<span class="phone-title">手机聚美</span>
					<span class="code-phone"></span>
					<span class="download">下载移动客户端</span>
				</p>
				<p>
					<span class="phone-title">聚美微信</span>
					<span class="code-wechat"></span>
					<span class="download">聚美官方微信</span>
				</p>
			</div>
		</div>
		<!--第二层服务保证结束-->
		<!--第三层为自己代言开始-->
		<div class="third">
		</div>
		<!--第三层为自己代言结束-->
	</div>
	<!--网站底部白色区域结束-->
	<!--底部第一层黑色区域开始-->
	<div id="first-black">
		<div class="first-black-box">
			<a href="">关于聚美优品</a>
			<a href="">INVESTOR RELATIONS</a>
			<a href="">商家入驻</a>
			<a href="">获取更新</a>
			<a href="">加入聚美</a>
			<a href="">品牌合作专区</a>
			<a href="">网站联盟</a>
			<a href="">媒体报道</a>
			<a href="">商务合作</a>
		</div>
	</div>
	<!--第一层黑色区域结束-->
	<!--第二层黑色开始-->
	<div id="second-black">
		<div class="second-black-box">
			<p>COPYRIGHT © 2010-2015 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-123-8888 </p>
			<br />
			<p>京公网安备 11010102001226 | <a href="">京ICP备10046944号</a> | 食品流通许可证 SP1101051110165515（1-1）                     | <a href="">营业执照</a></p>
			<p class="bottom-logo-box">
				<a href="" class="bottom-logo1"></a>
				<a href="" class="bottom-logo2"></a>
				<a href="" class="bottom-logo3"></a>
				<a href="" class="bottom-logo4"></a>
				<a href="" class="bottom-logo5"></a>
			</p>
		</div>
	</div>
	<!--第二层黑色结束-->
</body>
</html>